.progress-box{
	display: flex;
	flex-direction: row;
	background-color: #FFFFFF;
	position: fixed;
	z-index:999;
	height: 120upx;
	width: 100%;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	.progress-title{
		color: #2D2D2D;
		font-size: 36upx;
		font-weight: bold;
		padding-right: 20upx;
	}
	.progress-info{
		width: 70%;
	}
}
.header-top{
	padding-top: 120upx;
}

.content-box{
	display: flex;
	flex-direction: column;
	margin: 20upx;
	.user-pic-box{
		display: flex;
		flex-direction: column;
		background-color: #FFFFFF;
		padding: 20upx 30upx;
		box-sizing: border-box;
		border-radius: 20upx;
		.user-pic-title{
			font-size: 32upx;
			color: #393A3E;
			font-weight: bold;
			padding: 10upx 0upx 20upx 20upx;
		}
		.pic-box{
			display: flex;
			flex-direction: column;
			.pic-header-box{
				display: flex;
				flex-direction: row;
				justify-content: space-around;
				.pic-header-left{
					width: 400upx;
					height: 400upx;
				}
				.pic-header-right{
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					view{
						width: 180upx;
						height: 180upx;
					}
				}
			}
			.pic-bottom{
				display: flex;
				flex-direction: row;
				justify-content: space-around;
				margin-top: 30upx;
				view{
					width: 180upx;
					height: 180upx;
				}
			}
		}
		.pic-bg{
			background-color: #FAFAFA;
			border-radius: 20upx;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			image{
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			.bzs{
				position: absolute;
				height: 30upx !important;
				background-color: #C5C5C5;
				font-size: 32upx;
				font-weight: bold;
				left:0upx;
				bottom: 0upx;
				padding: 10upx 20upx;
				border-radius: 0upx 20upx;
				color: #FFFFFF;
			}
			.width-max{
				width: 30upx !important;
			}
			.btn-pic{
				position: absolute;
				right: 15upx;
				top: 15upx;
			}
			.del-pic{
				position: absolute;
				right: 0upx;
				top: -10upx;
				width: 20upx !important;
				height: 20upx !important;
			}
		}
		.pic-ct-box{
			display: flex;
			flex-direction: row;
			align-items: center;
			margin: 30upx 20upx 10upx;
			justify-content: space-around;
			.pic-ct{
				color: #393A3E;
				font-size: 24upx;
				font-weight: bold;
			}
			.pic-ct-reght{
				display: flex;
				justify-content: center;
			}
		}
	}

	.user-access-box{
		display: flex;
		flex-direction: column;
		background-color: #FFFFFF;
		margin-top: 20upx;
		padding: 20upx 30upx 40upx;
		box-sizing: border-box;
		border-radius: 20upx;
		.access-header{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin: 20upx 0upx;
			align-items: center;
			.access-title{
				color: #666666;
				font-size: 34upx;
				font-weight: bold;
			}
			.access-left{
				
			}
		}
		.access-item{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin-top: 20upx;
			align-items: center;
			.access-right{
				color: #444348;
				font-size: 34upx;
				font-weight: bold;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				.access-name{
					font-size: 40upx;
					padding-right: 10upx;
				}
			}
			.access-left{
				display: flex;
				flex-direction: row;
				align-items: center;
				.access-left-text{
					padding-left: 20upx;
					color: #666666;
					font-size: 26upx;
					display: flex;
					flex-direction: row;
					view{
						padding: 0upx 10upx;
					}
					.text-left{
						padding-left: 0upx;
					}
					.text-right{
						padding-right: 0upx;
						
					}
					.text-1{
						color: #666666;
					}
					.text-d{
						color: #4A8EFD;
						font-weight: bold;
					}
				}
			}
		}
		.access-info{
			display: flex;
			flex-direction: row;
			align-items: flex-end;
			margin-top: 30upx;
			color: #444348;
			view{
				font-size: 32upx;
				margin: 0upx 10upx;
			}
			.access-info-right{
				margin-left: 0upx;
			}
		}
		.user-zy{
			display: flex;
			flex-direction: row;
			color: #444348;
			margin-top: 20upx;
			flex-wrap: wrap;
			.user-zy-item{
				background-color: #F8F8F8;
				padding: 10upx 20upx;
				border-radius: 10upx;
				font-size: 30upx;
				display: flex;
				flex-direction: row;
				margin: 20upx 20upx 20upx 0upx;
				align-items: flex-end;
				.zy-item-title{
					font-weight: bold;
				}
			}
		}
		.cent-box{
			color: #666666;
			font-size: 28upx;
			line-height: 40upx;
			font-weight: bold;
		}
	}
}